<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tags</title>
    <link rel="stylesheet" href="./assets/css/admin.css">
    <link rel="stylesheet" href="./assets/css/amazeui.css">
    <link rel="stylesheet" href="./assets/css/amazeui.flat.css">
    <link rel="stylesheet" href="./assets/css/amazeui.flat.min.css">
    <link rel="stylesheet" href="./assets/css/amazeui.min.css">
    <link rel="stylesheet" href="./assets/css/app.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/tags.css">
    
    
</head>
<body  style="position:relative;overflow-x:hidden;overflow-y:scroll;scrollbar-base-color:hotpink">
    <header class="header">
        <div class="container-fluid">
            <div class="header_content">
                <!-- logo图 -->
                <div class="header_logo">
                    <a href="index.html">
                        <img src="images/logo.jpg" alt="LOGO">
                    </a>
                </div>
                <!-- 导航栏搜索 -->
               <form action="#" class="header_search ms-auto">
                    <input type="text" class="form-control" placeholder="搜你想要">
                    <button type="button">
                        <i class="fa fa-search"></i>
                      </button>
                </form>
                <!-- 导航栏中间按钮 -->
                <div class="header_menu">
                    <ul class="header_nav">
                        <li>
                            <a class="header_nav_link" href="index.html" role="button">首页推荐</a>
                        </li>
                        <li>
                            <a class="header_nav_link" href="#" role="button" id="digital-area">数码专区</a>
                        </li>
                        <li>
                            <a class="header_nav_link"  role="button" id="my-msg">我的消息</a>
                        </li>
                    </ul>
                </div>
                <!-- 导航栏侧边 -->
                <div class="header_action">
                <ul class="header_action_nav">
                    <li>
                        <div class="dropdown">
                            <a class="header_sign dropdown-toggle" id="login_region" href="#" role="button" data-toggle="dropdown" aria-expanded="false">登录/注册</a>
                                <div class="dropdown-menu" aria-labelledby="login">
                                    <a class="dropdown-item" id="dropdown-login-item" href="login.html">登录</a>
                                    <a class="dropdown-item" id="dropdown-exit-item" >退出</a>
                                </div>
                        </div>
                    </li>
                    <li>
                        <a class="header_sign" role="button" id="person_center">个人中心</a>
                    </li>
                </ul>
                </div>
            </div>
        </div>
    </header>
    <!-- 导航end -->

    <!-- 产品类别栏 -->
    <div class="kind" style="margin-top:150px ;">
        <!-- 顶部种类导航 -->
        <table class="am-table am-table-bordered am-table-radius am-table-striped" style="font-size: 20px;height: 30px;" id="table">
            <tbody id="tbodyone" style="height: 50px;">
                <tr class="item_row" id="tr_one" style="height: 50px;">
                    <td style="width: 200px;" class="td_mid"><p id="i_first" class="p_one" onclick="func(p1,p2)" style="font-size: 25px;"></p></td>
        
                </tr>
            </tbody>
        </table>
        <!-- 其他功能行 -->
        <div class="sort">
            <ul class="am-nav am-nav-tabs">
                <li id="zonghe" class="am-active" style="height: 50px;width:130px;font-size: 20px;"><a href="#" style="color: black;">综合排序</a></li>
                <li id="xiaoliang" style="height: 50px;width:130px;font-size: 20px;"><a href="#" style="color: black;">销量排序</a></li> 
                <li class="am-dropdown" data-am-dropdown style="height: 50px;width:150px;font-size: 20px;background-color: aquamarine;">
                    <div id="dropdown" class="am-dropdown" data-am-dropdown style="height: 50px;width:150px;font-size: 15px;">
                        <button id="price_order" class="am-btn  am-dropdown-toggle" data-am-dropdown-toggle style="height: 50px;width:150px;font-size: 20px;">价格排序<span class="am-icon-caret-down"></span></button>
                        <ul class="am-dropdown-content">

                          <li id="low_high"><a href="#">从低到高</a></li>
                          <li id="high_low"><a href="#">从高到低</a></li>
                          
                        </ul>
                    </div>
                </li>
                <li style="height: 50px;width:130px;font-size: 20px;float: right;">
                    <div class="am-input-group" style="float: left;width: 150px;height: 50px;">
                        
                        <input type="text" class="am-form-field" placeholder="最高价格" id="max" style="height: 50px;">
                        <span class="am-input-group-label">￥</span>
                    </div>
                </li>
                <li style="height: 50px;width: 100px;font-size: 20px;float: right;">
                    <div class="qbtn" style="height: 50px;width:100px;font-size: 20px;">
                        <button class="qbtn" id="qbtn" onclick="qbtnfunction()" style="height: 50px;width:100px;font-size: 20px;margin-left: 10px;margin-right: 10px;">
                            确认
                        </button>
                    </div>
                </li>
                <li style="height: 50px;width:130px;font-size: 20px;float: right;">
                    <div class="am-input-group" style="float: left;width: 150px;height: 50px;">
                        <span class="am-input-group-label">￥</span>
                        <input type="text" class="am-form-field" placeholder="最低价格" id="min" style="height: 50px;width: 100px;">
                    </div>
                </li>
                
                
                
            </ul>
        </div>
    </div>

    <!-- 对应种类的商品 -->
    <div class="display_area" id="display_area">
        <!-- <div class="recommend-content-item hidden" id="one">
            <a href="#" target="detail-view" class="item-link">
                
              <div class="img-wrapper">
                <img src="images/detailimg.jpg">  
              </div>
              
              <div class="info-wrapper">
                <div class="title">Ps 4 游戏机</div>
              </div>
              
              <div class="price-wrapper">
                <span class="price-value">
                  <em>¥</em>
                  12.8
                </span>
              </div>
            </a>
        </div>
        -->


    </div>

    <!-- 分页 -->
    <ul class="am-pagination am-pagination-centered" style="margin-bottom: 20px;">
        
        <li class="am-active" id="li_one"><a>1</a></li>
        <li id="li_two"><a>2</a></li>
        <li id="li_three"><a>3</a></li>
        <li id="li_four"><a>4</a></li>
        <li id="li_five"><a>5</a></li>
        
    </ul>

     <!-- Footer -->
     <footer class="text-center text-lg-start bg-light text-muted ">
        <!-- Section: Social media -->
        <section
        class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"
        >
        <!-- Left -->
        <div class="me-5 d-none d-lg-block">
            <span>Get connected with us on social networks:</span>
        </div>
        <!-- Left -->
    
        <!-- Right -->
        <div>
            <a href="" class="me-4 text-reset">
            <i class="fa fa-facebook-f"></i>
            </a>
            <a href="" class="me-4 text-reset">
            <i class="fa fa-twitter"></i>
            </a>
            <a href="" class="me-4 text-reset">
            <i class="fa fa-google"></i>
            </a>
            <a href="" class="me-4 text-reset">
            <i class="fa fa-instagram"></i>
            </a>
            <a href="" class="me-4 text-reset">
            <i class="fa fa-linkedin"></i>
            </a>
            <a href="" class="me-4 text-reset">
            <i class="fa fa-github"></i>
            </a>
        </div>
        <!-- Right -->
        </section>
        <!-- Section: Social media -->
    
        <!-- Section: Links  -->
        <section class="">
        <div class="container text-center text-md-start mt-5">
            <!-- Grid row -->
            <div class="row mt-3">
            <!-- Grid column -->
            <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
                <!-- Content -->
                <h6 class="text-uppercase fw-bold mb-4">
                <i class="fas fa-gem me-3"></i>租好玩
                </h6>
                <p>
                    投资有风险，购买需谨慎
                </p>
            </div>
            <!-- Grid column -->
    
            <!-- Grid column -->
            <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
                <!-- Links -->
                <h6 class="text-uppercase fw-bold mb-4">
                产品
                </h6>
                <p>
                <a href="#!" class="text-reset">数码</a>
                </p>
                <p>
                <a href="#!" class="text-reset">生活</a>
                </p>
                <p>
                <a href="#!" class="text-reset">娱乐</a>
                </p>
                <p>
                <a href="#!" class="text-reset">工作</a>
                </p>
            </div>
            <!-- Grid column -->
    
            <!-- Grid column -->
            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
                <!-- Links -->
                <h6 class="text-uppercase fw-bold mb-4">
                关于我们
                </h6>
                <p>
                <a href="#!" class="text-reset">经营证照</a>
                </p>
                <p>
                <a href="#!" class="text-reset">平台协议</a>
                </p>
                <p>
                <a href="#!" class="text-reset">隐私政策</a>
                </p>
                <p>
                <a href="#!" class="text-reset">免责声明</a>
                </p>
            </div>
            <!-- Grid column -->
    
            <!-- Grid column -->
            <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
                <!-- Links -->
                <h6 class="text-uppercase fw-bold mb-4">
                联系我们
                </h6>
                <p><i class="fa fa-home me-3"></i> New York, NY 10012, US</p>
                <p>
                <i class="fa fa-envelope me-3"></i>
                zuhaowan@example.com
                </p>
                <p><i class="fa fa-phone me-3"></i> + 01 234 567 88</p>
                <p><i class="fa fa-print me-3"></i> + 01 234 567 89</p>
            </div>
            <!-- Grid column -->
            </div>
            <!-- Grid row -->
        </div>
        </section>
        <!-- Section: Links  -->
    
        <!-- Copyright -->
        <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
        © 2021 Copyright:
        <a class="text-reset fw-bold" href="#">zuhaowan.com</a>
        </div>
        <!-- Copyright -->
    </footer>
    <!-- Footer -->
</body>
<script src="./js/jquery.js"></script>
<script src="./assets/js/amazeui.min.js"></script>
<script src="./assets/js/amazeui.js"></script>
<script src="./js/jquery.cookie.js"></script>
<script src="./js/API/tag.js"></script>
<script>
    $("#person_center").click(function(){
        if($.cookie("status")==0){
            alert("请先登录！");
            return
        }
        else if($.cookie("status")==1){
            window.open("personalCenter.html");
        }
    })
</script>
<script>
    $("#my-msg").click(function(){
        if($.cookie("status")==0){
            alert("请先登录！");
            return
        }
        else if($.cookie("status")==1){
            window.open("message.html");
        }
    })
</script>
</html>